﻿@{
    ViewBag.Title = "Home Page";
    Agencia.Controllers.ReservacionController con = new Agencia.Controllers.ReservacionController();
    List<Agencia.WsAerolinea.Pais> paises = con.Lista_Paises();
    List<Agencia.WsAerolinea.Vuelo> vuelos = con.Lista_VuelosBusqueda();
}

<h2>@ViewBag.Nombre<br />@ViewBag.Message</h2>

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<script src="../../Scripts/jquery-ui-1.8.11.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-ui-1.8.11.min.js" type="text/javascript"></script>
<link href="../../Content/themes/base/jquery.ui.datepicker.css" rel="stylesheet" type="text/css" />
<link href="../../Content/cupertino/jquery-ui.css" rel="stylesheet" type="text/css" />
<link href="../../Content/cupertino/jquery.ui.theme.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
    $(document).ready(function () {
        $("#FechaSalida").datepicker({ dateFormat: 'dd/mm/yy'
                                        , buttonImage: '~/Content/Images/datepickerButton.jpg',
            buttonImageOnly: true
        });
    });
</script>
@using (Html.BeginForm())
{
    <div style="float:left; margin-right:130px; ">
    <h3 align="center">Buscar Vuelo</h3>
        <table id="tabla">
            <tr>
                <td>Salir de: </td>
                <td>
                    <select name="txtSalir" id="txtSalir">
                        <option>Seleccione Uno</option>
                            @foreach (var pais in paises)
                            {
                              <option value="@pais.Id">@pais.Ciudad</option>  
                            }
                        
                    </select>
                </td>
                </tr>
                <tr>
                <td>Destino: </td>
                <td>
                    <select name="txtLlegar" id="txtLlegar">
                        <option>Seleccione Uno</option>
                            @foreach (var pais in paises)
                            {
                              <option value="@pais.Id">@pais.Ciudad</option>  
                            }
                    </select>
                </td>
            </tr>
            <tr>
                <td>Fecha de Salida : </td>
                <td>
                    <input type="text" name="FechaSalida" id="FechaSalida" />
                </td>
            </tr>
            
        </table>
        <input type="submit" value="Buscar" />
    </div>
    <br />
    
    <p style="color:Red">@ViewBag.Error</p>
}
<div >
    <h2>Lista de Vuelos Disponibles</h2>
<table>
<tr>
<th>Sale de</th>
<th>Destino</th>
<th>Fecha del vuelo</th>
<th>Precio</th>
<th></th>
</tr>
@foreach (var item in vuelos)
{
<tr>
        <td>
        @foreach (var pais in paises)
        {
            if (pais.Id == item.Ciudad_Origen)
            {
                <span>
                @pais.Codigo , 
                @pais.Ciudad
                </span>
            }
        }         
        </td>
        <td>
            @foreach (var pais in paises)
            {
                if (pais.Id == item.Ciudad_Destino)
                {
                <span>
                @pais.Codigo , 
                @pais.Ciudad
                </span>
                }
            }         
        </td>
        
        <td>
            @Html.DisplayFor(modelItem => item.Fecha)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.Precio)
        </td>
        <td>
         @if (item.Asientos_Diponibles <= 0)
         {
            @Html.ActionLink("Poner En Lista de Espera", "ListaEspera", "Reservacion", new { id = item.Id }, new object { })
         }
         else
         {
            @Html.ActionLink("Elegir Vuelo", "HacerReserva", "Reservacion", new { id = item.Id }, new object { })
         }  
        </td>
    </tr>
}

</table>
<br />
<br />
</div>

